
 .box{


	.box-red{ 

		background-color: #ff75750d;
		height: 100px;
		border-left-width: 2px;
		border-left-color: red;
		border-left-style: solid;  
		align-items: center; 
		line-height: 100px; 
		text-align: center;
		display:flex; 
    	flex-direction: column;
		.box-info{ 
			display:flex; 
			flex-direction: column;
			margin-top: 20px;
			height: 100px; 
			line-height: 100px; 
			.label{
				color: #999;
				height: 30px;
				line-height: 30px;
				font-size: 0.875rem;
			}
			.num{
				
				height: 30px;
				line-height: 30px;
				color:red ;
				font-size: 30px;
			}
		}
		
	}
	.box-green{ 
		
		background-color: #73d8970d;;
		height: 100px;
		border-left-width: 2px;
		border-left-color: green;
		border-left-style: solid; 
		
		align-items: center; 
		line-height: 100px; 
		text-align: center;
		display:flex; 
    	flex-direction: column;
		.box-info{ 
			display:flex; 
			flex-direction: column;
			margin-top: 20px;
			height: 100px; 
			line-height: 100px; 
			.label{
				color: #999;
				height: 30px;
				line-height: 30px;
				font-size: 0.875rem;
			}
			.num{
				
				height: 30px;
				line-height: 30px;
				color:green ;
				font-size: 30px;
			}
		}
	}
	.box-blue{ 

		background-color: #5dcfff0d;
		height: 100px;
		border-left-width: 2px;
		border-left-color: blue;
		border-left-style: solid; 

		align-items: center; 
		line-height: 100px; 
		text-align: center;
		display:flex; 
    	flex-direction: column;
		.box-info{ 
			display:flex; 
			flex-direction: column;
			margin-top: 20px;
			height: 100px; 
			line-height: 100px; 
			.label{
				color: #999;
				height: 30px;
				line-height: 30px;
				font-size: 0.875rem;
			}
			.num{
				
				height: 30px;
				line-height: 30px;
				color:blue ;
				font-size: 30px;
			}
		}
	}

	.box-orange{ 

		background-color: #ffcd5d0d;
		height: 100px;
		border-left-width: 2px;
		border-left-color: orange;
		border-left-style: solid; 

		align-items: center; 
		line-height: 100px; 
		text-align: center;
		display:flex; 
    	flex-direction: column;
		.box-info{ 
			display:flex; 
			flex-direction: column;
			margin-top: 20px;
			height: 100px; 
			line-height: 100px; 
			.label{
				color: #999;
				height: 30px;
				line-height: 30px;
				font-size: 0.875rem;
			}
			.num{
				
				height: 30px;
				line-height: 30px;
				color:orange ;
				font-size: 30px;
			}
		}
	}
	box-font{
		font-size: 0.875rem;
	}
 }